<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Login</title>
    <link rel="stylesheet" href="./css/Login.css">
    <link rel="stylesheet" href="./css/globel.css">
  <script src="./lib/jquery.min.js"></script>
  <script src="./js/Login.js"></script>
</head>
<body>
    <div id="container">
        <div id="header">
          <div>About
          </div>
          <ul id="hide_ul">
            <li><a href="./AboutMaker.html">about web maker</a></li>
          <li><a href="./AboutWeb.html">about the web</a></li>
          </ul>
        </div>
       <div id="login_wrap">
         <div id="head_protraint"></div>
         <div id="form_wrap">
           <input type="text" id="username" class="comminput" placeholder="username">
           <input type="password" id="password" class="comminput" placeholder="password">
           <div id="word">welcome to my web about chinese culture</div>
           <input type="button" id="login" value="Login">
           <!-- <div id="registe"></div> -->
           <div id="registe"></div>
         </div>
       </div>
       <div id="next_web"></div>
     </div>
</body>
</html>